<template>
	<view class="_price">
		<span class="icon" v-if="price != '0'">￥<span class="f-w-b" :style="{fontSize:size+'px'}">{{ price }}</span></span>
		<span v-else class="f-s-12">免费</span>
	</view>
</template>

<script setup>
	import {
		defineProps
	} from 'vue';
	const props = defineProps({
		price: [String,Number],
		size: {
			type: Number,
			default: 18
		}
	})
</script>

<style lang="scss" scoped>
	._price {
		color: #fd432c;

		.icon {
			font-size: 10px
		}

	}
</style>